@-webkit-keyframes mailCirclePulse { 0% { -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 0px #ffe183, 0px 0px 0px 0px #ffe183; box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 0px #ffe183, 0px 0px 0px 0px #ffe183; }
  50% { -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 0px #ffe183; box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 0px #ffe183; }
  100% { -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 30px rgba(255, 225, 131, 0); box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 30px rgba(255, 225, 131, 0); } }
@keyframes mailCirclePulse { 0% { -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 0px #ffe183, 0px 0px 0px 0px #ffe183; box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 0px #ffe183, 0px 0px 0px 0px #ffe183; }
  50% { -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 0px #ffe183; box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 0px #ffe183; }
  100% { -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 30px rgba(255, 225, 131, 0); box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0.0001), 0px 0px 0px 15px rgba(255, 225, 131, 0), 0px 0px 0px 30px rgba(255, 225, 131, 0); } }
@-webkit-keyframes mailIconPulse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  4% { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  8% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); }
  12% { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  16% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); }
  20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@keyframes mailIconPulse { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  4% { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  8% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); }
  12% { -webkit-transform: rotate(4deg); transform: rotate(4deg); }
  16% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); }
  20% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }
@-webkit-keyframes mailWhiteBackOpecity { 0% { opacity: 0; right: 0; pointer-events: none; }
  62.5% { opacity: 0; right: 0; pointer-events: none; }
  65.63% { opacity: 1; right: 35px; pointer-events: auto; }
  96.88% { opacity: 1; right: 35px; pointer-events: auto; }
  100% { opacity: 0; right: 0; pointer-events: none; } }
@keyframes mailWhiteBackOpecity { 0% { opacity: 0; right: 0; pointer-events: none; }
  62.5% { opacity: 0; right: 0; pointer-events: none; }
  65.63% { opacity: 1; right: 35px; pointer-events: auto; }
  96.88% { opacity: 1; right: 35px; pointer-events: auto; }
  100% { opacity: 0; right: 0; pointer-events: none; } }
@-webkit-keyframes mailWhiteBackOpecityHover { 0% { opacity: 0; right: 0; pointer-events: none; }
  100% { opacity: 1; right: 35px; pointer-events: auto; } }
@keyframes mailWhiteBackOpecityHover { 0% { opacity: 0; right: 0; pointer-events: none; }
  100% { opacity: 1; right: 35px; pointer-events: auto; } }
.mail_circle_block { position: fixed !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; opacity: 1 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; right: 130px; z-index: 99999999; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; bottom: 120px; height: 70px; }
@media screen and (max-width: 1025px) { .mail_circle_block { bottom: 40px; } }
@media screen and (max-width: 1250px) { .mail_circle_block { right: 40px; } }
.mail_circle_block:hover .mail_circle_text { opacity: 1; -webkit-animation: mailWhiteBackOpecityHover 0.3s ease 1; animation: mailWhiteBackOpecityHover 0.3s ease 1; -webkit-animation-fill-mode: backward; animation-fill-mode: backward; right: 35px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; pointer-events: auto; }
.mail_circle_block .mail_circle_text { background-color: white; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 0px 19px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 19px 0 rgba(0, 0, 0, 0.2); -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 50px 10px 15px; font-weight: 500; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; cursor: pointer; -webkit-animation: mailWhiteBackOpecity 15.6s ease infinite; animation: mailWhiteBackOpecity 15.6s ease infinite; -webkit-animation-delay: 1s; animation-delay: 1s; pointer-events: none; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute; right: 0; opacity: 0; }
.mail_circle_block .mail_circle_text p { width: 100%; font-size: 14px; }
.mail_circle_block .mail_circle { width: 70px; position: absolute; right: 0; height: 70px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background-color: #ffe183; pointer-events: auto; opacity: 1 !important; border-radius: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border: 1px solid #ffe183; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-animation: mailCirclePulse 2.5s ease infinite; animation: mailCirclePulse 2.5s ease infinite; -webkit-box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0), 0px 0px 0px 0px #ffe183, 0px 0px 0px 10px #ffe183; box-shadow: 0px 0px 0px 20px rgba(0, 0, 0, 0), 0px 0px 0px 0px #ffe183, 0px 0px 0px 10px #ffe183; }
.mail_circle_block .mail_circle img { width: 70px; padding: 15px; -webkit-animation: mailIconPulse 2.5s ease infinite; animation: mailIconPulse 2.5s ease infinite; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.mail_circle_block .mail_circle .closeMail { display: none; width: 80%; }
.mail_circle_block .mail_circle .black { display: block; }

.mailBlockScroll { right: 70px; bottom: 90px; opacity: 1; }
@media screen and (max-width: 1025px) { .mailBlockScroll { bottom: 40px; } }
@media screen and (max-width: 1250px) { .mailBlockScroll { right: 40px; } }
.mailBlockScroll .mail_circle { background-color: #ffe183; }

.mail_circle_block.openedMailMenuClose { -webkit-transition: all 0.7s ease; transition: all 0.7s ease; bottom: calc(100% - 120px); right: 30px; }
@media screen and (max-width: 1025px) { .mail_circle_block.openedMailMenuClose { bottom: calc(100% - 90px); } }
@media screen and (max-width: 600px) { .mail_circle_block.openedMailMenuClose { bottom: calc(100% - 90px); right: 20px; } }
.mail_circle_block.openedMailMenuClose .mail_circle_text { display: none; }
.mail_circle_block.openedMailMenuClose .mail_circle { -webkit-animation: none; animation: none; -webkit-box-shadow: none; box-shadow: none; background-color: white; border: 1px solid rgba(0, 0, 0, 0.1); }
.mail_circle_block.openedMailMenuClose .mail_circle img { -webkit-animation: none; animation: none; }
.mail_circle_block.openedMailMenuClose .mail_circle .closeMail { display: block; }
.mail_circle_block.openedMailMenuClose .mail_circle .black { display: none; }